<template>
  <div class="tag">
    <span class="text">{{tagText}}</span>
  </div>
</template>

<script>
export default {
  name: 'Tag',
  props: {
    type: Number
  },
  computed: {
    tagText () {
      return this.type === 100 ? '电影' : this.type === 200 ? '音乐' : '句子'
    }
  }
}
</script>

<style lang="stylus" scoped>
  .tag
    padding 4rpx 12rpx
    border-radius 2px
    background-color #f5f5f5
    font-size 14px
    color #666666
    text-align center
</style>
